import React from "react";
import { Carousel } from 'antd';
const contentStyle: React.CSSProperties = {
    height: '240px',
    color: '#fff',
    lineHeight: '180px',
    textAlign: 'center',
    background: '#fff',
};
function Swiper() {
    return (
        <div>
            <div className="swiper" style={{marginTop:"20px"}}>
                <Carousel autoplay>
                    <div>
                        <h3 style={contentStyle}>
                            <img src="src/img/tong.png" alt="" />
                        </h3>
                    </div>
                    <div>
                        <h3 style={contentStyle}>
                            <img src="src/img/gao.png" alt="" />
                        </h3>
                    </div>
                    <div>
                        <h3 style={contentStyle}>
                            <img src="src/img/hua.png" alt="" />
                        </h3>
                    </div>
                    <div>
                        <h3 style={contentStyle}>
                            <img src="src/img/re.png" alt="" />
                        </h3>
                    </div>
                </Carousel>
            </div>
        </div>
    )
}

export default Swiper;